body {
    background-color: #ffffff;
    margin-bottom: 45vw !important;
}

// 头部
.header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 12vw;
    padding: 0;
    background-color: #ffffff;
    overflow: hidden;

    h3 {
        color: #4a4a4a;
        font-size: 5vw;
    }
}

// 视频
video::-webkit-media-controls {
    display: none !important;
}

.video {
    position: relative;
    width: 100vw;
    height: 100%;
    background-color: #fff;

    // margin-top: 2vw;
    .displayTel {
        right: 1.564103vw;
        top: 2vw;
        text-align: right;
        z-index: 99999;
        color: red;
        font-weight: 800;
        position: absolute;
        font-size: 4.615385vw;
    }

    .cont-mp4 {
        width: 100vw;
        height: 58vw;
    }

    .video-tit {
        display: flex;
        justify-content: start;
        align-items: center;
        padding-left: 2vw;
        width: 100vw;
        height: 10vw;
        background-color: #fff;
        // 跑马灯
        white-space: nowrap;
        /* 禁止文本换行 */
        overflow: hidden;
        border-bottom: 1px solid #e9e9e9;

        /* 隐藏溢出的内容 */
        b {
            display: inline-block;
            /* 将文本视为内联块元素 */
            animation: marquee 12s linear infinite;
            /* 设置动画 */
        }

        @keyframes marquee {
            from {
                transform: translateX(100%);
                /* 从右侧开始 */
            }

            to {
                transform: translateX(-100%);
                /* 向左滚动 */
            }
        }
    }
}

// 抽奖
.coujiang {
    width: 100vw;
    height: 100%;
    margin-top: 3vw;
    background-color: #fff;
    // box-shadow: 10px 2px 10px rgba(0, 0, 0, 0.1);
}

// 信息操作
.coujiang {
    overflow: hidden;

    .tab {
        display: flex;
        width: 100%;
        height: 5vw;
        // background-color: red;
        justify-content: space-around;
        align-items: center;

        li {
            padding-bottom: 1vw;
            // padding: 0 3vw 0 3vw;
            font-weight: 800;
        }

        .ti {
            color: red;
            border-bottom: 3px solid red;
        }

    }

    // 有奖答题内容
    .cj {
        width: 100vw;
        height: 100%;
        padding-top: 2vw;
        // display: none;
        // background-color: pink;

        .cj-til {
            display: flex;
            flex-direction: column;
            justify-content: start;
            align-items: start;
            padding: 0 2vw 0 2vw;
            font-size: 4.5vw;

            strong {
                margin-left: 1vw;
            }

            // background-color: blue;

            .tx {
                background-color: red;
                border-radius: 1vw;
                padding: 1vw 1.5vw 1vw 1.5vw;
                margin-bottom: 1.5vw;
                margin-left: 2vw;
                font-size: 3vw;
                color: #fff;
            }

            .t-til {
                font-size: 4vw;
                line-height: 1.7;
                font-weight: 800;
                margin-left: 2vw;
            }
        }

        .cj-content {
            width: 100vw;
            // background-color: pink;


            .ti-list {
                padding-left: 3vw;

                li {
                    // background-color: skyblue;
                    padding: 2vw 0 2vw 4vw;
                    margin-top: 1vw;
                }

                .li-ok {
                    background-color: #e25e5e;
                    border-radius: 3vw 0 0 3vw;
                    color: #fff;
                    font-size: 5vw;
                }
            }
        }
    }

    // 简介内容
    .jj {
        display: none;
        width: 100vw;
        height: 100%;
        background-color: rgb(255, 255, 255);
        padding-top: 2vw;

        // top
        .jj-top {
            display: flex;
            justify-content: start;
            align-items: center;
            width: 100vw;
            height: 10vw;
            background-color: #fff;
            padding-left: 3vw;

            // 姓名
            h4 {
                font-size: 6vw;
            }

            // 标签
            span {
                font-size: 3vw;
                color: #fff;
                background-color: rgb(255, 57, 22);
                padding: 1vw 1.4vw 1vw 1.2vw;
                margin-left: 2vw;
                border-radius: 4vw;
            }
        }

        // text
        .jj-text {
            width: 100vw;
            padding: 3.5vw;

            p {
                line-height: 1.5;
                letter-spacing: 0.5vw;
            }

            .good-info {
                color: rgb(213, 75, 0);
            }
        }
    }

}




.btgr {
    position: fixed;
    bottom: 5vw;
    display: flex;
    justify-content: space-around;
    align-items: center;
    // background-color: pink;
    width: 100vw;
    height: 20vw;

    // 提交答题
    .sumbit {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        background-color: #d63f3f;
        height: 13vw;
        width: 28vw;
        border-radius: 7vw;
        font-weight: 800;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
    }

    .playVideo {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        background-color: #d79e01;
        height: 13vw;
        width: 28vw;
        border-radius: 7vw;
        font-weight: 800;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
    }

    .restPlay {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        background-color: #454545;
        height: 13vw;
        width: 28vw;
        border-radius: 7vw;
        font-weight: 800;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
    }
}